html { background: #efefef; }

.toppanel { width: 100%; position: fixed; top: 0px; left: 0px; height: 30px; background: #7e7f81 url('/data/images/toppanel.png') repeat-x; color: white;
  -moz-box-shadow: 0px 0px 5px #333;
  -webkit-box-shadow: 0px 0px 5px #333;
  box-shadow: 0px 0px 5px #333;
  font-size: 12px;
  z-index: 10001;
}
.toppanel .wrap { padding: 5px 30px; }
.toppanel a { color: white; display: block; float: left; margin-top: -5px; padding: 5px 10px; text-decoration: none; }
.toppanel a:hover { background: #666; }

.layout { padding: 0 10px 50px 10px; }
.header { width: 100%; height: 100px; background: #000; margin-bottom: 20px; background: url('/data/images/header.png') repeat-x; color: white; }
.header .logo { font-family: Georgia, serif; font-size: 40px; margin: 0 10px; }
.header .subheader { font-family: Georgia, serif; font-size: 20px; margin: 0 10px; }
.cols { width: 1190px; margin: 0 auto; }
.left-col { background: #fff; border: 1px solid #e3e3e3; width: 200px; float: left; overflow: hidden; height: auto !important; min-height: 400px; height: 400px;  }
.center-col { margin: 0 0 0 220px; width: 960px; overflow: hidden; height: auto !important; min-height: 400px; height: 400px; overflow: hidden; background: white; }
.center-col .wrap { padding: 10px 10px 20px 10px; }

.left-menu { list-style: none; margin: 0px; padding: 0px; }
.left-menu li { list-style: none; margin: 0px; padding: 0px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff; }
.left-menu li a { display: block;padding: 5px 10px 5px 23px; background: #f1f1f1; color: #21759b; font-weight: bold; font-size: 14px; text-decoration: none; }
.left-menu li a:hover { color: #df7620; background: #eaeaea url('/data/images/menu.png') no-repeat 3px -28px; }
.left-menu li a.active { color: black; background: #dfdfdf url('/data/images/menu.png') no-repeat 3px -56px; }
.left-menu li a.active:hover { color: #df7620; background: #dddddd url('/data/images/menu.png') no-repeat 3px -84px; }
.left-menu li ul li { padding: 0 0 0 20px; border: 0px; background: #f1f1f1; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #ffffff; }
.left-menu li ul li a { padding: 3px 10px 3px 25px; font-weight: normal; font-size: 12px; }


.footer { position: absolute; bottom: 0px; left: 0px; color: white; width: 100%; }
.footer .wrap { padding: 5px 10px; background: #191919; }
.footer .wrap a { color: white; }
.footer .wrap a:hover { text-decoration: none; }

.holder { height: 30px; width: 100%; }

.admin_actions img { border: 0px !important; display: block; margin: 0 5px; float: left; }
.admin_actions { text-align: center; width: 110px; margin: 0 auto; }
.admin_actions a img { opacity: 0.5; }
/*.admin_actions a:hover img { opacity: 1; }*/
.add_action { background: #807f80 url('/data/images/button.png') left top; text-align: center; margin: 0 0 0 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 15px;
	height: 20px;
	color: white;
	text-decoration: none;
	text-shadow: 1px 1px 0px black;
}
.add_action img { border: 0px !important; margin: 0px; padding: 0px; position: relative; top: 3px; left: -5px; }
.add_action:hover { background: #494949 url('/data/images/button.png') 0 -30px; }
.add_action:active { background: #9f6500 url('/data/images/button.png') 0 -60px; }

.admin_table { border-collapse: separate;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.admin_table th { text-shadow: 1px 1px 0px black; background: #333 url('/data/images/th.png') repeat-x; font-size: 14px; font-family: Georgia; color: white; padding: 4px 0; border: 1px solid white; }
.admin_table th:last-child { width: 150px; }
.admin_table th:first-child { width: 30px; }
.admin_table td { padding: 3px 10px; vertical-align: middle; border: 1px solid white; background: #f5f5f5; font-family: "Calibri", Tahoma; font-size: 14px; }
.admin_table tr:nth-child(2n) td { background: #eee; }
.admin_table tr:hover td { background: #fff3e4; }
.admin_table tr:hover td:last-child img { opacity: 1; }
.admin_table td:first-child { text-align: center; }
.admin_table td:last-child { text-align: center; }

.admin_table tr:first-child th:first-child {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	overflow: hidden;
}
.admin_table tr:first-child th:last-child {
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
}
.admin_table tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
.admin_table tr:last-child td:first-child {
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}



.splash { margin: 0 auto; padding: 10px; text-align: center; color: #f73a07; margin: 0 0 10px 0; position: absolute; top: 40px; right: 30px; width: 500px; }
.splash p { font-size: 16px; }
.splash p:last-child { margin: 0px; }
.type_error { border: 1px solid #df6e00; background: #ffdebe; }
.type_msg { border: 1px solid #35940f; background: #c0f3ac; color: #2da000; }
.type_msg p {  font-size: 12px; }
.type_msg h3 {  font-size: 14px; font-weight: normal; }

.js_alert { position: fixed; left: 0px; top: 0px; z-index: 10000; width: 100%; height: 100%; background: url('/data/images/shadow.png'); }
.js_alert .wrap { position: relative; top: 50%; width: 50%; left: 25%; }

input[type=text].ordering { width: 50px; padding: 3px; }
input[type=submit].ordering { padding: 3px; font-size: 10px; }

.ajax { border-bottom: 1px dashed; color: #21759B; }
.ajax:hover { border-bottom: 1px solid; color: #21759B; }


.ajax_work { display: block; position: fixed; top: 7px; right: 150px; z-index: 10002; }
.small_preview_div { padding: 3px; background: #eee; border: 1px solid #ccc; position: absolute; top: -50px; left: -200px; z-index: 9999; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; }
.border_red { border: 1px solid orange; }
.right_corner { right: 0px; left: auto !important; }
.right_bottom_corner { right: 0px; left: auto !important; bottom: 0px; top: auto !important; }
.semiopacity img.this_is_thumbnal { opacity: 0.3; }
.ui-state-highlight { background: #ffe9a6 !important; }
.one_together { border: 1px solid #ccc; background: #eee; padding: 4px 10px; width: 50%; margin: 2px 0; }
.one_together img { margin: 0px; position: relative; top: 2px; }
.one_together a { float: right; }


.filter { border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 3px;
	margin: 0 0 5px 0;
}

.filter a { -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	padding: 4px 10px;
	margin: 0 5px 0 0;
	color: #21759B;
	display: inline-block;
}
.filter a:hover { background: #eaeaea; text-decoration: none; }
.filter a.active { background: #ffe9a6; color: black; text-decoration: none; }


.border-div {width: 30%; border: 1px solid #ccc; padding: 3px; float: left;margin: 0 3px !important; background: #f2f2f4; }
.border-div strong { display: block; margin: 0 0 10px 0; }
.selectable { margin: 0 !important; }
.selectable li { border-bottom: 1px solid #ccc; list-style: none; margin: 0px !important; padding: 3px; width: 90%; height: 20px; overflow: hidden; display: block; line-height: 20px; background: white; }
#drag-div { cursor: move;  position: relative; top: 0px; }
#drag-div a { cursor: pointer; padding: 3px; display: block; }
.todrop li { opacity: 0.3; }
.droppable { opacity: 1 !important; }
.drophover { background: red !important; }


.quickform .cat_fields { margin: 0 0 0 30px !important; }
.quickform .cat_fields ul { margin: 0 0 0 30px !important; }
.quickform .cat_fields li { border-bottom: 2px solid #ccc; margin: 10px 0; padding: 10px 0; font-size: 11px; background: white; position: relative; }
.quickform .cat_fields li .handle_cat { display: none; position: absolute; left: -6px; top: 7px; cursor: move; }
.quickform .cat_fields li .handle_option { display: none; position: absolute; left: -6px; top: -2px; cursor: move; }
.quickform .cat_fields li li { border-bottom: 0px; padding: 0px; margin: 5px 0; }
.quickform .cat_fields li .change_optgr_div { display: inline; position: relative; }
.quickform .cat_fields li a { margin: 0px 10px; padding: 1px; color: #4b87c4; text-decoration: none; }
.quickform .cat_fields li a:hover { color: #2262a3; border-bottom: 1px dotted #2262a3; }
.quickform .cat_fields li a.option_save { display: none; }
.quickform .cat_fields li a.optgr_save { display: none; }
.quickform .cat_fields li a.delete:hover { color: #bc1717; border-bottom: 1px dotted #bc1717; }
.quickform .cat_fields li a.optgr_save:hover { color: #3d9417; border-bottom: 1px dotted #3d9417; }
.quickform .cat_fields li a.option_save:hover { color: #3d9417; border-bottom: 1px dotted #3d9417; }
.quickform .cat_fields li a.add:hover { color: #3d9417; border-bottom: 1px dotted #3d9417; }
.quickform .cat_fields li a.change_optgr_active { background: #2262a3; color: white; border-bottom: 0; }
.quickform .cat_fields li a.change_optgr_active:hover { background: #2262a3; color: white; border-bottom: 0; }
.quickform .cat_fields li input { width: 40% !important; font-size: 12px; color: #000; margin: 0 0 0 20px; font-weight: bold; }
.quickform .cat_fields li li input { font-size: 11px; color: #000; font-weight: normal; }
.quickform .cat_fields li input.input_add { color: #3d9417; }
.quickform .cat_fields .ui-sortable-helper { border: 1px solid #ccc; width: 400px; }

.allready_have_optgr { display: none;}
.quickform .cat_fields .allready_have_optgr { display: none; position: absolute; top: 15px; left: 10px; width: 160px; background: #efefef; border-top: 0px; box-shadow: 1px 1px 4px #666; z-index: 1000; }
.quickform .cat_fields .allready_have_optgr ul { margin: 0px !important; padding: 0px !important; }
.quickform .cat_fields .allready_have_optgr ul li { margin: 0px !important; padding: 0px !important; list-style: none; }
.quickform .cat_fields .allready_have_optgr ul li a { margin: 0px !important; padding: 5px !important; font-size: 11px; border: 0px; color: #2262a3; display: block; }
.quickform .cat_fields .allready_have_optgr ul li a:hover { color: white; background: #2262a3 }

.quickform #tech_fieldset { padding: 5px; background: #ececec; margin: 30px 0 60px 0; }
.quickform #tech_fieldset .jqf_row_wrap { padding: 0px; }
.quickform #tech_fieldset .jqf_row { margin-bottom: 5px; }
.quickform #tech_fieldset fieldset { background: #fff; border-radius: 0px; }
.quickform #tech_fieldset fieldset legend { border: 0px; padding: 0 15px; font-weight: bold; font-size: 14px; background: none; border-radius: 0px; }
.quickform #tech_fieldset fieldset label { font-weight: normal; }
